<template>
	<view class="flex align-center py-2 border-bottom" hover-class="bg-hover-light">
		<image class="user-avatar rounded-circle" src="/static/default.jpg" mode=""></image>
		<view class="ml-2 flex-1">
			<view class="flex align-center justify-between">
				<text class="text-dark">sunshine Boy</text>
				<text class="text-muted">下午16:48</text>
			</view>
			<view class="flex align-center justify-between">
				<view class="text-dark text-ellipsis" style="max-width: 500rpx;">你好</view>
				<uni-badge type="error" text="12"></uni-badge>
			</view>
		</view>
	</view>
</template>
<script>
	import uniBadge from '@/components/uni-ui/uni-badge/uni-badge.vue'
	export default {
		components:{
			uniBadge
		}
		// props: {
		// 	item: {
		// 		type: Object,
		// 		default:{} 
		// 	},
		// },
	}
</script>
<style lang="scss">
	.user-avatar {
		width: 82rpx;
		height: 82rpx;
	}
</style>